*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	background: none;
	box-sizing: border-box;
}
a:hover{
	text-decoration: none;
}
p,ul{
	margin-bottom: 0px;
}


.box{
	background: #F0F3F5;
	padding: 25px;
}
.container{
	width: 700px;
	margin: auto;
	background: #FFFFFF;
	padding: 15px;
}
.box input{
	width: 200px;
	border: 1px solid #000000;
	background: #Fff;
	padding: 2px 5px;
}
#today,#weather,#talk,#report{
	padding-top: 15px;
	overflow: hidden;
}
#today li{
	float: left;
	width: 19.7%;
	background: #D0EBFF;
	text-align: center;
	margin-right: 2px;
	padding: 5px 0px;
}
#today li:nth-child(2){
	background: #ECF7FF;
}
#today li a{
	color: #000000;
}

#weather li{
	width: 13.955555%;
	float: left;
	background: #3B9BE7;
	text-align: center;
	margin-right: 2px;
	padding-top: 10px;
	cursor: pointer;	
}
#weather li p{
	color: #FFFFFF;
	font-size: 15px;
	margin-bottom: 20px;
}
#talk li{
	float: left;
	padding: 5px 15px;
}
#talk li a{
	color: #868686;
}
#talk .active{
	border: 1px solid #076EA8;
}
#talk .active a{
	color: #076EA8;
}
#report{
	width: 100%;
	border: 1px solid #000;
}
#report li{
	width: 12.5%;
	text-align: center;
	float: left;
}
#report li p{
	margin-bottom: 20px;
}
